<!DOCTYPE html>
<html>
<script type="text/javascript" src="static/js/jquery-1.12.4.min.js"></script>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<title>后台主页模块 - XzcBlogTemplate后台管理</title>
	<link rel="stylesheet" href="static/layui/css/layui.css">
	<link rel="stylesheet" type="text/css" href="static/admin/css/common.css">
	<link rel="stylesheet" type="text/css" href="static/admin/css/blogadd.css">
</head>
<body>
<div class="layui-container main">
	<div class="layui-row layui-col-space20">
		<div class="layui-col-md12">
			<p>
		        	<span class="layui-breadcrumb" style="visibility: visible;">
			          	<a href="./bloglist.html">博客管理系统</a><span lay-separator="">/</span>
			          	<a href="./bloglist.html">后台首页</a><span lay-separator="">/</span>
			          	<a><cite>文章管理</cite></a>
		        	</span>
			</p>
		</div>
		<div class="layui-col-md12">
			<table class="layui-table">
				<colgroup>
					<col width="200">
					<col width="400">
					<col>
				</colgroup>
				<thead>
				<tr>
					<th>标题</th>
					<th>内容简介</th>
					<th>分类标签</th>
					<!--<th>标签</th> <td>闲言碎语</td>-->
					<!--<th>是否置顶</th>-->
					<th>查看数</th>
					<th>发布时间</th>
					<th>操作</th>
				</tr>
				</thead>
				<tbody>
				<tr>
					<!--<td>用SSM框架制作一个博客网站（响应式模板）</td>
                    <td>我是熊五，风格迥异的四个我，有着不同的个性，不同的人格，甚至不同的职业。行险解秘专注探险的我，朝阳蓬勃酷爱嘻哈的我，精工巧匠专注纹身的我，文墨生花文艺气息满满的我。亦是我，亦非我，我是不一样的烟火。</td>
                    <td>JAVA基础</td>
                    <td><input type="checkbox" name="zzz" lay-skin="switch" lay-text="开启|关闭"></td>
                    <td>267 次查看</td>
                    <td>2022-12-12</td>-->
					<!--<td>
                        <a href="blogadd.html" class="layui-btn layui-btn-normal">编辑</a>
                        <a id="del_btn" href="javascript:;" class="layui-btn layui-btn-danger">删除</a>
                    </td>-->
				</tr>
				</tbody>
			</table>
		</div>
	</div>
</div>
</body>
<script src="static/js/jquery-1.12.4.min.js"></script>
<script src="static/layui/layui.all.js"></script>
<script>
	$(function () {


		$("#del_btn").click(function () {
			layer.confirm("数据已经发生改变是否确认修改？", {
				btn: ["确定", "取消"] //按钮
			}, function (index) {
				alert('点击了确认的回调函数');
				layer.close(index);
			}, function () {
				alert('点击了取消的回调函数');
				layer.close();
			});
		});
	});

</script>

<script type="text/javascript">
	/*盛志健编写的，上面是老师给的代码*/
	$(document).ready(function () {
		/*窗体加载后，立即发送异步请求*/
		$.get("Blog/selectByUid",function (rs) {
			/*转换成js代码*/
			JSON.stringify(rs);
			/*加载数据前先清空*/
			$("tbody").empty();
			var blogs=rs.result;
			/*循环遍历输出内容*/
			for (var i=0;i<blogs.length;i++){
				$(" <tr>\n" +
						"<td>"+blogs[i].title+"</td>\n" +
						"<td>"+blogs[i].detail+"</td>\n" +
						"<td>"+blogs[i].type+"</td>\n" +
						/*"<td><input type=\"checkbox\" name=\"zzz\" lay-skin=\"switch\" lay-text=\"开启|关闭\" id='zhiDing'></td>\n" +*/
						"<td>"+blogs[i].clicknumber+"次查看"+"</td>\n" +
						"<td>"+blogs[i].posttime+"</td>\n" +
						"<td>\n" +
						"\t\t\t\t\t\t\t\t<a  class=\"layui-btn layui-btn-normal\" title='编辑' name= '" + blogs[i].blogid + "'>编辑</a>\n" +
						"\t\t\t\t\t\t\t\t<a id=\"del_btn\" href=\"javascript:;\" class=\"layui-btn layui-btn-danger\" title='删除' name='"+blogs[i].blogid+"'>删除</a>\n" +
						"\t\t\t\t\t\t\t</td>" +
						"</tr>").appendTo("tbody");
			}
		});
	});


	/*为修改创建单击事件*/
	$(document).on("click","a[title='编辑']",function () {
		var blogid=$(this).attr('name');
		console.log("Clicked ID: ", blogid);  // 在控制台中输出 ID
		window.location.href="update.html?blogid="+blogid;
	});

	/*给删除创建一个单击事件*/
	$(document).on("click","a[title='删除']",function () {
		/*发送异步请求*/
		var blogid=$(this).attr("name");
		/*通过删除方法，去删除信息*/
		$.get("Blog/deleteBlogTextByBlogId",{"blogid":blogid},function (rs) {
			/*转换成JSON格式*/
			JSON.stringify(rs);
			var blogs=rs.result;
			/*弹框显示是否拿到了值*/
			alert(blogs);
			/*循环遍历输出内容*/
			for (var i=0;i<blogs.length;i++){
				$(" <tr>\n" +
						"<td>"+blogs[i].title+"</td>\n" +
						"<td>"+blogs[i].detail+"</td>\n" +
						"<td>"+blogs[i].type+"</td>\n" +
						/*"<td><input type=\"checkbox\" name=\"zzz\" lay-skin=\"switch\" lay-text=\"开启|关闭\"></td>\n" +*/
						"<td>"+blogs[i].clicknumber+"次查看"+"</td>\n" +
						"<td>"+blogs[i].posttime+"</td>\n" +
						"<td>\n" +
						"\t\t\t\t\t\t\t\t<a  class=\"layui-btn layui-btn-normal\" title='编辑' name= '" + blogs[i].blogid + "'>编辑</a>\n" +
						"\t\t\t\t\t\t\t\t<a id=\"del_btn\" href=\"javascript:;\" class=\"layui-btn layui-btn-danger\" title='删除' name='"+blogs[i].blogid+"'>删除</a>\n" +
						"\t\t\t\t\t\t\t</td>" +
						"</tr>").appendTo("tbody");
			}
		});
	});


</script>


</html>